{include file="cabecalho1.tpl" css="produto_detalhe" titulo="Detalhes do Produto" javascript="produto_detalhe"}
{include file="menu1.tpl"}
<div class="clear_meio"></div>
<div id="conteudo">
    <div class="titulo">
        <div class="titulo_esq"></div>
        <div class="titulo_meio">
            Detalhes do Produto
        </div>
        <div class="titulo_dir"></div>
    </div>
    <div id="detalhe_produto">
        <div class="clear_up"> </div>
        <div class="titulo_livro">{$produtoDetalhe.titulo} </br> {$produtoDetalhe.subtitulo}</div>
        <div id="produto">
            <div class="clear_left"></div>
            <div id="imagem">
                <img {if $produtoDetalhe.imagem} src="{$_FOTOSPRODUTOS}/{$produtoDetalhe.imagem}" {else} src="{$_FOTOSPRODUTOS}/livro_desconhecido.png" {/if} alt="{$produtoDetalhe.titulo}" width="174" height="250"/>
                <div class="imagens">
                    <!--   
                    <span>Clique para ampliar</span>
                 <ul>
                        <li class="mini_imagem">
                            <img height="30" width="25" {if $produtoDetalhe.imagem}src="{$_FOTOSPRODUTOS}/{$produtoDetalhe.imagem}" {else} src="{$_FOTOSPRODUTOS}/livro_desconhecido.png" {/if} alt="{$produtoDetalhe.titulo}" />
                        </li>                        
                    </ul>-->
                </div>
            </div>
            <div class="clear_left"></div>
            <div class="preco">por: <span class="valor">R$ {$produtoDetalhe.preco|number_format:2:",":"."}</span></div>
            <div id="formas_pagamento">
                <div class="esquerda"></div>
                <div class="meio">
                    <div class="clear_up"></div>
                    <div class="titulo">Formas de pagamento</div>
                    <img src="{$_FOTOS}/detalheProd_cartoes.png" alt="cartoes" />
                    <br />
                    <div class="pagamento">
                        <div class="titulo">Em até 10x nos cartões</div>
                        <div class="conteudo">
                            *Compras acima de R$ 1.000,00 em 10x com parcela mínima de R$ 100,00<br />
                            *Compras abaixo de R$ 1.000,00 em 6x com parcela mínima de R$ 50,00
                        </div>
                    </div>

                </div>
                <div class="direita"></div>
            </div>
            <div class="clear_up"></div>
            <div  class="comprar">
                <a href="{$_URLSITE}/cliente_carrinho/{$produtoDetalhe.codigo},,{$produtoDetalhe.titulo|convertlink}.LE">
                    <img src="{$_FOTOS}/botao_comprar.png" alt="comprar" />
                </a>
            </div>
        </div>
        <div class="clear_up"></div>
        <div id="informacao_produto">
            <div class="clear_left"></div>
            <div id="abas_informacao">
                <div class="clear_left"></div>
                <ul class="tabs">
                    <li><a href="#">Sinopse</a></li>
                    <li><a href="#">Outras Informações</a></li>
                    <li><a href="#">Formas de Pagamento</a></li>
                </ul>                
            </div>           
            <div class="panes info">
                <div>
                    <h2>Sinopse</h2>
                    {$produtoDetalhe.sinopse}
                </div>
                <div>
                    <h2>Outras Informações</h2>
                    <ul>
                        <li><span class="tit">ISBN:</span> {if $produtoDetalhe.isbn} {$produtoDetalhe.isbn} {else} Não informado {/if}</li>
                        <li><span class="tit">Categoria:</span> {if $produtoDetalhe.categoria} {$produtoDetalhe.categoria} {else} Não informado {/if}</li>
                        <li><span class="tit">Ano:</span> {if $produtoDetalhe.ano} {$produtoDetalhe.ano} {else} Não informado {/if}</li>
                        <li><span class="tit">Dimensão:</span>  {if $produtoDetalhe.dimensoes} {$produtoDetalhe.dimensoes} cm {else} Não informado {/if}</li>
                        <li><span class="tit">Peso:</span> {if $produtoDetalhe.peso} {$produtoDetalhe.peso} gramas {else} Não informado {/if}</li>
                        <li><span class="tit">Páginas:</span>{if $produtoDetalhe.pagina} {$produtoDetalhe.pagina} pg {else} Não informado {/if}</li>
                        <li><span class="tit">Capa:</span>{if $produtoDetalhe.pagina} {if $produtoDetalhe.capa == '1'} Brochura {/if}
                            {if $produtoDetalhe.capa == '2'} Capa Dura com Sobrecapa {/if}
                            {if $produtoDetalhe.capa == '3'} Capa Dura {/if}
                            {if $produtoDetalhe.capa == '4'} Box {/if}
                            {if $produtoDetalhe.capa == '5'} Cartonada {/if}
                            {else}
                            Não informado
                            {/if}
                        </li>
                        <li><span class="tit">Idioma:</span> {if $produtoDetalhe.idioma} {$produtoDetalhe.idioma} {else} Não informado {/if}</li>
                        <li><span class="tit">Tipo:</span> {if $produtoDetalhe.tipo} {$produtoDetalhe.tipo} {else} Não informado {/if}</li>
                        <li><span class="tit">Editora:</span> {if $produtoDetalhe.editora} {$produtoDetalhe.editora} {else} Não informado {/if}</li>
                        <li><span class="tit">Autor(es):</span> 
                            {foreach from=$autoresProduto item=autorProduto}
                                {$autorProduto.nome},
                            {foreachelse}
                            Não informado
                            {/foreach}
                        </li>
                    </ul>
                </div>
                <div>forma de pagamento</div>
            </div>
        </div>
        <div class="clear_up"></div>
        <div class="clear_left2"></div>
        <img class="divisor" align="center" src="{$_FOTOS}/detalheProd_linha.png" alt="linha" />
        <div class="clear_up2"></div>
        <img class="divisor" src="{$_FOTOS}/detalheProd_divSeparador.png" alt="barra" />
        <div class="clear_up2"></div>
        <div id="promocoes">
            <div class="clear_left"></div>
            <div class="seta">
                <div class="clear_up "></div>
                <a href="#"> <img src="{$_FOTOS}/seta_esquerda.png" class="nexte" alt="esquerda" /></a>
            </div>
            <div class="prods anyClasse">
                <ul>
                    {foreach from=$produtosAnuncio item=produtoAnuncio}
                    <li>
                        <a href="{$_URLSITE}/produto_detalhe/{$produtoAnuncio.codigo},,{$produtoAnuncio.titulo|convertlink}.LE">
                            <div class="prod">
                                <div class="titulo">{$produtoAnuncio.titulo|truncate:20:'...'}</div>
                                <div class="clear_up"></div>
                                <div class="imagem">
                                    <img height="60" {if $produtoAnuncio.imagem} src="{$produtoAnuncio.imagem}" {else} src="{$_FOTOSPRODUTOS}/livro_desconhecido.png" {/if} title="{$produtoAnuncio.titulo}" alt="{$produtoAnuncio.titulo}" />
                                </div>
                                <div class="clear_up"></div>
                                <div class="preco">R$ {$produtoAnuncio.preco|number_format:2:",":"."}</div>
                                <div class="clear_up"></div>
                                <img src="{$_FOTOS}/botao_comprar2.png" alt="comprar" /><br />
                            </div>
                        </a>
                    </li>
                    {/foreach}
                </ul>
            </div>
            <div class="seta">
                <div class="clear_up"></div>
                <a href="#"><img src="{$_FOTOS}/seta_direita.png" class="preve" alt="direita" /></a>
            </div>
        </div>
    </div>
    <div class="conteudo_rodape"></div>

</div>
<div class="anuncio">
    <div class="clear_up2"></div>
    <img src="{$_FOTOS}/anuncie2.png" alt="anuncie aqui" />
</div>
{include file="rodape1.tpl"}
